<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:h="http://java.sun.com/jsf/html"
                 template="template.xhtml"
                 xmlns:c="http://java.sun.com/jsp/jstl/core"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:ice="http://www.icesoft.com/icefaces/component"
                 xmlns:icecore="http://www.icefaces.org/icefaces/core">

    <ui:param name="title" value="Settings"/>
    <ui:define name="content">

         <ice:form>
            <ice:panelGroup>
                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtFname"
                                     value="#{bundle.firstname}" style="line-height:200%"/>
                    <ice:inputText id="TxtFname"
                                   size="30"
                                   maxlength="30"
                                   valueChangeListener="#{settingsControlBean.viewCheckName}"
                                   value="#{settingsBackBean.firstname}"
                                   partialSubmit="false"
                                   required="false">
                        <icecore:singleSubmit />
                    </ice:inputText>
                    <ice:message id="fnameMsg" for="TxtFname" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>

                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtLname"
                                     value="#{bundle.lastname}"
                                     style="line-height:200%;width:500px;"/>
                    <ice:inputText id="TxtLname"
                                   size="30"
                                   maxlength="30"
                                   valueChangeListener="#{settingsControlBean.viewCheckName}"
                                   value="#{settingsBackBean.lastname}"
                                   partialSubmit="false"
                                   required="false">
                        <icecore:singleSubmit />
                    </ice:inputText>
                    <ice:message id="lnameMsg" for="TxtLname" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>

                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtUname"
                                     value="#{bundle.username}"
                                     style="line-height:200%;width:500px;"/>
                    <ice:inputText id="TxtUname"
                                   size="30"
                                   maxlength="30"
                                   valueChangeListener="#{settingsControlBean.viewCheckName}"
                                   value="#{settingsBackBean.username}"
                                   partialSubmit="false"
                                   required="false">
                        <icecore:singleSubmit />
                    </ice:inputText>
                    <ice:message id="unameMsg" for="TxtUname" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>
                <br />
                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtEmail"
                                     value="#{bundle.email}"
                                     style="line-height:200%;width:500px;"/>
                    <ice:inputText id="TxtEmail"
                                   size="30"
                                   maxlength="30"
                                   valueChangeListener="#{settingsControlBean.viewCheckEmail}"
                                   value="#{settingsBackBean.email}"
                                   partialSubmit="false"
                                   required="false">
                        <icecore:singleSubmit />
                    </ice:inputText>
                    <ice:message id="emailMsg" for="TxtEmail" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>

                <ice:commandButton id="btn-reg-update"
                                   value="Settings"
                                   style="font-size:12px"
                                   action="#{settingsBackBean.buttonClicked}"/>

            </ice:panelGroup>
        </ice:form>

    </ui:define>

</ui:composition>